#listitem{}
#listitem .context{
	position: relative;
}
#listitem .context .list{}
#listitem .context .list .item{
	display: flex;
	align-items: center;
	margin-top: 25px;
	position: relative;
	background-color: #f9f9f9;
	cursor: pointer;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	overflow: hidden;
	color: #333333;
}
#listitem .list .item .l{
	width: 30%;
}
#listitem .list .item .l .main-src{
	max-height: 200px;
	width: 100%;
}
#listitem .list .item .r{
	width: 70%;
	padding: 1% 10% 1% 5%;
	box-sizing: border-box;
}
#listitem .item .r .title{
	font-size: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#listitem .item .r .time{
	display: flex;
	align-items: center;
	color: #0193e6;
	font-size: 14px;
	margin: 10px 0;
}
#listitem .item .r .time p{
	margin-left: 5px;
}
#listitem .item .r .detail{
	font-size: 16px;
	color: #595959;
	
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
#listitem .list .item .arrow{
	width: 10%;
	height: 100%;
	max-width: 70px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../img/news-more.png) no-repeat center center;
	background-size: contain;
	
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
#listitem .list .item:hover .arrow{
	background: url(../img/news-more_hover.png) no-repeat center center;
	background-size: contain;
}
#listitem .list .item:hover .title{
	color: #0e6eb4;
}

.people{
	position: absolute;
	top: 0;
	right: 0;
	height: 210px;
	display: none;
}
.tbg{
	height: 300px;
	position: relative;
	
	animation: fadeIn 2s ease-in-out 0s 1 normal;
	-webkit-animation: fadeIn 2s ease-in-out 0s 1 normal;
}
.tbg .main-title{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 30px;
	color: #248eb9;
	animation: fadeIn 2s ease-in-out 0s 1 normal;
	-webkit-animation: fadeIn 2s ease-in-out 0s 1 normal;
}
.tbg img{
	width: 100%;
	height: 100%;
}

.laypage{
	text-align: center;
}

@keyframes fadeIn {
	0% {
	  opacity: 0.1;
	}
	100% {
	  opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
	  opacity: 0.1;
	}
	100% {
	  opacity: 1;
	}
}

@-webkit-keyframes fadeIn {
	0% {
	  opacity: 0.1;
	}
	100% {
	  opacity: 1;
	}
}

@-o-keyframes fadeIn {
	0% {
	  opacity: 0.1;
	}
	100% {
	  opacity: 1;
	}
}